
//1、直接引用路由组件
import { createRouter, createWebHashHistory, createWebHistory } from 'vue-router'
import Home from '../views/Home.vue'

// 构建路由配置实例 数组对象
const routes = [
    {
        path: '/',      // 首页路由路径
        name: 'home', // 首页路由名称
        component: Home, // 首页组件路径
        meta: {title:'首页'} // 路由元信息 意义就是动态加载到menu当中

    },
    {
        path: '/moveshop',
        name: 'moveShop',
        component: () => import('../views/MoveShop.vue'),
        meta: {title:'移动商城'}
    },
    {
        path: '/find',
        name: 'find',
        component: () => import('../views/wangyi/Find.vue'),
        meta: { title: '发现音乐' },
        children: [
            {
                path: 'discover',
                name: 'discover',
                component: () => import('../views/wangyi/tj/Discover.vue'),
                meta: { title: '推荐音乐' }
            },
            
        ]
    },
    {
        path: '/my',
        name: 'my',
        component: () => import('../views/wangyi/My.vue'),
        meta: { title: '我的音乐' }
    },
    {
        path: '/friend',
        name: 'friend',
        component: () => import('../views/wangyi/Friend.vue'),
        meta: { title: '关注' }
    },
    {
        path: '/musician',
        name: 'musician',
        component: () => import('../views/wangyi/Musician.vue'),
        meta: { title: '音乐人' }
    },
    {
        path: '/tzyy',
        name: 'tzyy',
        component: () => import('../views/wangyi/tj/Tzyy.vue'),
        meta: { title: '移动商城' }
    },
]

// 2、创建路由对象
const router = createRouter({
    // history: createWebHashHistory(), // 路由模式 hash模式 浏览器地址栏包含 # 号
    history: createWebHistory(),
    routes // 将路由配置实例数组对象 加入进来
})

// 3、导出路由对象
export default router